//
   Created by Administrator on 2015/11/7 0007.

extends layerout-pc

block style
    style.
        .container {
            padding-top: 8%;
        }

        h1 {
            margin-bottom: 40px !important;
        }

        body {
            position: absolute;
            width: 100%;
            height: 100%;
            overflow: hidden;
        }

        form {
            color: #fff;
        }

        canvas {
            z-index: -1;
        }

block content
    script(src="rainyday.min.js")
    script.
        function run() {
            var image = document.getElementById('background');
            image.onload = function () {
                var engine = new RainyDay({
                    image: this
                });
                engine.rain([[1, 2, 8000]]);
                engine.rain([[3, 3, 0.88], [5, 5, 0.9], [6, 2, 1]], 100);
            };
            image.crossOrigin = 'anonymous';
            image.src = 'img/a.jpg';
        }
    .container
        .row
            h2.center.text-center.teal-text.lighten-2 登录视频管理系统
        .row
            form.col.s6.offset-m3(method="POST", action="/sign-in")
                .row
                    .input-field.col.s12
                        input#username.validate(type="text", name="user[username]")
                        label(for="username") 用户名
                .row
                    .input-field.col.s12
                        input#password.validate(type="text", name="user[password]")
                        label(for="password") 密码
                .row
                    button.col.s12.btn.waves-effect.waves-light 登录

    img#background(alt="background", src="img/a.jpg", crossorigin="anonymous", onload="run();", style="width:100%;height:100%;opacity:0;overflow:hidden;")
block script
    script.
        $('input#input_text, textarea#textarea1').characterCounter();

